import Vue from 'vue'
import './scss/common.scss'
import App from './App.vue'

Vue.config.productionTip = false

// 注册自定义指令
Vue.directive('copy', {
  bind(el, binding) {
    // console.log('bind，指令绑定到元素了', el, binding.value)
    el._copyValue = binding.value
    el._handleClick = () => {
      console.log('el._copyValue', el._copyValue)
      const textarea = document.createElement('textarea')
      textarea.value = el._copyValue
      document.body.appendChild(textarea)
      textarea.select()
      // 复制当前页面选中文字
      document.execCommand('copy')
      document.body.removeChild(textarea)
      alert('复制成功')
    }
    el.addEventListener('click', el._handleClick)
  },
  // inserted(el) {
  //   console.log('inserted，可以后去绑定指令元素的父节点', el)
  // },
  update(el, binding) {
    // console.log('update组件更新，但是不确定是否更新完成', binding.value)
    // console.log('最新的数据', binding.value)
    el._copyValue =  binding.value
  },
  // componentUpdated() {
  //   console.log('componentUpdated，组件更新完成')
  // },
  unbind() {
    console.log('指令所在的元素销毁, 可以清除异步任务')
    el.removeEventListener('click', el._handleClick)
  }
})





new Vue({
  render: h => h(App),
}).$mount('#app')
